<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>首页 </title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/common.css" rel="stylesheet" />
		<!--公共样式-->
		<link rel="stylesheet" type="text/css" href="fonts/font_bottom/iconfont.css" />
		<!--图标-->
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" href="fonts/font_joyou/iconfont.css" />
		<style type="text/css">
			.index_new_list li img {
				width: 50px;
				height: 50px;
			}
			
			.index_new_hot li img {
				width: 168px;
				height: auto;
			}
			#gift_area li>div{
				height: 65px;
			}
		</style>
	</head>

	<body style="background-color: #efeff4!important;">
		<!--首页样式-->

		<!--   2018、9、20    xiao  首页        -->
		<!--导航栏-->
		<header id="header" class="mui-bar mui-bar-nav head">
			<div class="earch">
				<span class="mui-icon mui-icon-search"></span>
				<input type="text" placeholder="请输入想购买的商品">
			</div>
			<div class="more">
				<a id="menu" class="mui-icon mui-icon-plusempty" href="#topPopover"></a>
			</div>
		</header>
		<!--右上角弹出菜单-->
		<div id="topPopover" class="mui-popover">
			<div class="mui-popover-arrow"></div>
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell">
							<a href="html/index/Scan.html"><img src="images/sys.png">扫一扫</a>
						</li>
						<li class="mui-table-view-cell">
							<a id="pay_of_pay" href="javascript:;"><img src="images/ff.png">收付款</a>
						</li>
						<li class="mui-table-view-cell">
							<a id="user_fankui" href="javascript:;"><img src="images/bj.png">用户反馈</a>
						</li>
						<li class="mui-table-view-cell">
							<a href="html/my/my_online_service.html"><img src="images/kf.png">中宇客服</a>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<!--	主体         -->
		<div class="mui-content content" id="top_distance">
			<!--轮播图-->
			<div class="mui-collapse-content" style="min-height: 140px;">
				<div id="slider" class="mui-slider" style="width: 100%;">
					<div class="mui-slider-group mui-slider-loop">
						<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
						<div class="mui-slider-item mui-slider-item-duplicate">
							<a href="#"><img id="last_img" src="images/banner_2.jpg"></a>
						</div>

						<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
						<div class="mui-slider-item mui-slider-item-duplicate" id="frist_img_box">
							<a href="#"><img id="frist_img" src="images/banner_1.jpg"></a>
						</div>
						
						<div class="mui-slider-item">
							<a href="#"><img id="frist_img" src="images/banner_2.jpg"></a>
						</div>
						<div class="mui-slider-item">
							<a href="#"><img id="frist_img" src="images/banner_1.jpg"></a>
						</div>
					</div>
					<div class="mui-slider-indicator" id="index_dian">

					</div>
				</div>
			</div>
			<!--<div class="home_notice iconfont">
				<ul id="notice_ul" style="height: 22px;overflow: hidden;font-size: 14px;">
					<li><i class="icon-tongzhi"></i>公告：<span class="notice_title" leaber_id=""></span></li>
					<li><i class="icon-tongzhi"></i>公告：<span class="notice_title" leaber_id=""></span></li>
				</ul>
			</div>-->
			<!--分类-->
			<div style="width: 100%!important;">
				<!--<ul class="numList iconfont">
					<li id="transaction_follow">
						<a class="partition_jump" href="javascript:;" leaber="1">
							<img src="images/gift_bag.png">
						</a>
						<span class="icon-qiandai"></span> 活动区
					</li>
					<li id="risk_warning">
						<a class="partition_jumps" href="javascript:;" leaber="2">
							<img src="images/exchange.png">
						</a>
						<span class="icon-tishi"></span> 热销商品
					</li>
					<li id="information">
						<a class="" href="javascript:;" leaber="3">
							<img src="images/vr_shop.png">
						</a>
						<span class="icon-hangqing"></span> VR商城
					</li>
					<li id="Share_money">
						<a href="html/index/all_categories.html">
							<img src="images/shang.png">
						</a>
						<span class="icon-fenxiang"></span> 全部分类
					</li>
				</ul>-->
				<ul class="numList index_new_list">
					<li>
						<a href="javascript:;" class="partition">
							<img src="images/home_icon_1.png" />
							<p>银饰专区</p>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="images/home_icon_2.png" />
							<p>附近商家</p>
						</a>						
					</li>
					<li>
						<a href="javascript:;">
							<img src="images/home_icon_3.png" />
							<p>限时秒杀</p>
						</a>
					</li>
					<li>
						<a href="javascript:;" class="alleviation">
							<img src="images/home_icon_4.png" />
							<p>扶贫专区</p>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="images/home_icon_5.png" />
							<p>便民服务</p>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="images/home_icon_6.png" />
							<p>发现好店</p>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="images/home_icon_7.png" />
							<p>礼包专享</p>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="images/home_icon_8.png" />
							<p>全部分类</p>
						</a>
					</li>
					<!--<li>
						<a href="javascript:;">
							<img src="images/index_new_9.png" />
							<p>饮食</p>
						</a>
					</li>
					<li id="Share_money">
						<a href="html/index/all_categories.html">
							<img src="images/index_new_10.png" />
							<p>全部分类</p>
						</a>
					</li>-->
				</ul>
			</div>
			
			<!--<div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
			    <div class="mui-scroll">
			        <a class="mui-control-item mui-active">
			            推荐
			        </a>
			        <a class="mui-control-item">
			            热点
			        </a>
			        <a class="mui-control-item">
			            北京
			        </a>
			        <a class="mui-control-item">
			            社会
			        </a>
			        <a class="mui-control-item">
			            娱乐
			        </a>
			        <a class="mui-control-item">
			            科技
			        </a>
			    </div>
			</div>-->
			
			
			
			<!--   热销商品     -->
			<div class="hot_pin_content">
				<div class="title">银饰专区</div>
				<div class="yins-box">
					
					<div class="swiper-container">
					    <div class="swiper-wrapper" id="index_new_hot_list">
					      <!--<div class="hot_pin swiper-slide">
							<img src="images/index_new_hot1.png" />
							<div>
								<span>产品名称产品名称
								<br />产品名称产品名称产品名称产品名称
								</span>
								<p>¥<span>5999</span></p>
							</div>
						  </div>-->
						  
					    </div>
					    <div class="swiper-pagination"></div>
					</div>
					
					<!--<div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
						<div class="mui-scroll">
							<ul class="index_new_hot_list" id="index_new_hot_list">
								<li class="hot_pin">
									<img src="images/index_new_hot1.png" />
									<div>
										<span>产品名称产品名称
										<br />产品名称产品名称产品名称产品名称
										</span>
										<p>¥<span>5999</span></p>
									</div>
								</li>								
							</ul>
						</div>
					</div>-->
					
					
					
				</div>
			</div>			
			<!--   推荐商品     -->
			<div class="region_content">
				<div class="tab-top">
					<div class="title tab_1 on"><span>推荐商品</span></div>
					<div class="title tab_2"><span>代售专区</span></div>
				</div>
				<ul class="mui-row index_new_hot" style="list-style: none;" id="index_new_hot">
					<!--<li class="recommended mui-col-xs-6">
						<img src="images/index_new_hot1.png" />
						<div>
							<span>产品名称</span>
							<p>¥<span>5999</span><i>300</i></p>
						</div>
					</li>-->
				</ul>
				<ul class="mui-row" style="list-style: none;display: none;" id="gift_area">
					<!--<li class="recommended mui-col-xs-6">
						<img src="images/index_new_hot1.png" />
						<div>
							<span>产品名称</span>
							<p>¥<span>5999</span><i>300</i></p>
						</div>
					</li>-->
				</ul>
			</div>
			
			
			<!--	礼品区         -->
			<!--<div class="region_content">
				<div class="title">礼包区</div>
				<ul id="gift_area" class="mui-row" style="list-style: none;">

				</ul>
			</div>-->

			<!--     悦惠专区     -->
			<!--<div class="region_content">
				<div class="title">悦惠专区</div>
				<ul id="yuethui_area" class="mui-row" style="list-style: none;">

				</ul>
			</div>-->

			<!--	兑换区         -->
			<!--<div class="region_content">
				<div class="title">兑换区</div>
				<ul id="exchange_area" class="">

				</ul>
			</div>-->
			<!--	跨港通         -->
			<!--<div class="region_content">
				<div class="title">跨港通</div>
				<ul id="Cros_sport_area" class="">

				</ul>
			</div>-->
		</div>
		<!--弹出框-版本更新-->
		<div class="mui-backdrop" style="display: none;">
			<div class="version_content">
				<img width="100%" src="images/version1.png" alt="" />
				<p>升级的新版本<span style="color: #000000!important;" id="version_num"></span></p>
				<ul id="version_cont">
				</ul>
				<button id="regenxin" data-url="">立即更新</button>
			</div>
		</div>

		<!--菜单 -->
		<nav class="mui-bar mui-bar-tab nav">
			<a class="mui-tab-item mui-active" href="index.html">
				<span class="iconfont icon-shouye1 bottom_icon"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item" href="html/trading_area/business.html">
				<span class="iconfont icon-shangquan bottom_icon"></span>
				<span class="mui-tab-label">商圈</span>
			</a>
			<a id="Shopping_Cart" class="mui-tab-item" href="javascript:;">
				<span class="iconfont icon-gouwuche bottom_icon"></span>
				<span class="mui-tab-label">购物车</span>
			</a>
			<a id="my_user" class="mui-tab-item" href="javascript:;">
				<span class="iconfont icon-wode bottom_icon"></span>
				<span class="mui-tab-label">我</span>
			</a>
		</nav>
	</body>
	<script src="js/mui.min.js" type="text/javascript" charset="UTF-8"></script>
	<script src="js/jquery-1.11.1.min.js" type="text/javascript" charset="UTF-8"></script>
	<script type="text/javascript" src="js/script/public_url.js" type="text/javascript" charset="UTF-8"></script>
	<script type="text/javascript" src="js/script/index.js" type="text/javascript" charset="UTF-8"></script>	
	<script type="text/javascript" src="js/swiper/js/swiper.min.js" type="text/javascript" charset="UTF-8"></script>
	<link rel="stylesheet" type="text/css" href="js/swiper/css/swiper.min.css" />

</html>